<script setup>

import BasicSyntax from './components/BasicSyntax.vue';
import compositionApi from './components/compositionApi.vue';
import Glo from './components/Glo.vue';
import Loc from './components/Loc.vue';
// import ParentCom from './components/parentCom.vue';
import SlotCom from './components/SlotCom.vue';
import SlotNameCom from './components/SlotNameCom.vue';
import SlotFather from './components/SlotFather.vue';
import dengluye from './components/dengluye.vue';
// import Dengluye from './components/dengluye.vue';

</script>

<template>

<ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/user">UserCenter</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/element2">Element2</router-link>
    </li>
    <li>
      <router-link to="/Login">Login</router-link>
    </li>



  </ul>
  
    <!-- 路由容器 -->
    <router-view></router-view>
  


  <!-- <p>hello world</p> -->
  <!-- <BasicSyntax /> -->

   <!-- <compositionApi /> -->

  <!-- 使用 -->
  <!-- <Glo />
  <Glo />
  <Glo />
  <Glo /> -->

  <!-- <hr> -->
  <!-- 使用局部组件 -->
  <!-- <Loc />
  <Loc />
  <Loc />
  <Loc /> -->

  <!-- <ParentCom /> -->
  <!-- <SlotCom>
    这是来自App.vue的内容
  </SlotCom> -->

<!-- <SlotNameCom>
    <template #header>
      header的默认内容被替换
    </template>

    <template #footer>
      footer的默认内容被替换
    </template>
</SlotNameCom>

<slotFather />
<Dengluye /> -->




</template>
